<!doctype html>
<meta charset="utf-8">
<title>Max inline-block size inside another inline-block element</title>
<link rel="match" href="max_inline_block_size_ref.html">
<style>
html, body { margin: 0; padding: 0; }

div { display: inline-block; }

#a {
  background: red;
}

#b {
  background: rgb(0, 255, 0);
  width: 500px;
  max-width: 250px;
  height: 250px;
}
</style>
<div id="a"><div id="b"></div></div>
